﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:maps="clr-namespace:Microsoft.Phone.Maps.Controls;assembly=Microsoft.Phone.Maps" x:Class="Mapping_Demo.LargeTouchPoint"
    mc:Ignorable="d"
    d:DesignHeight="480" d:DesignWidth="480">
	<UserControl.Resources>
		<Storyboard x:Name="AnimateIn" RepeatBehavior="Forever">
			<DoubleAnimation Duration="0:0:0.5" To="40" Storyboard.TargetProperty="(Canvas.Top)" Storyboard.TargetName="aniPoly1" d:IsOptimized="True"/>
			<DoubleAnimation Duration="0:0:0.5" To="40" Storyboard.TargetProperty="(Canvas.Left)" Storyboard.TargetName="aniPoly2" d:IsOptimized="True"/>
			<DoubleAnimation Duration="0:0:0.5" To="55" Storyboard.TargetProperty="(Canvas.Top)" Storyboard.TargetName="aniPoly3" d:IsOptimized="True"/>
			<DoubleAnimation Duration="0:0:0.5" To="55" Storyboard.TargetProperty="(Canvas.Left)" Storyboard.TargetName="aniPoly4" d:IsOptimized="True"/>
			<DoubleAnimation Duration="0:0:0.5" To="90" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)" Storyboard.TargetName="rotateCanvas" d:IsOptimized="True"/>
		</Storyboard>
	</UserControl.Resources>
    
	<UserControl.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</UserControl.FontFamily>
	<UserControl.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</UserControl.FontSize>
	<UserControl.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</UserControl.Foreground>
    
    <Grid x:Name="LayoutRoot">
    	<Canvas Margin="-50,-50">
    		<Ellipse HorizontalAlignment="Left" Height="100" Stroke="#FFA61C1C" VerticalAlignment="Top" Width="100" StrokeThickness="6"/>
    		<Ellipse Fill="#FFA61C1C" Height="30" Width="30" StrokeThickness="0" Canvas.Left="35" Canvas.Top="35" />
    		<Canvas x:Name="rotateCanvas" RenderTransformOrigin="0.5,0.5" Width="100" Height="100">
    			<Canvas.RenderTransform>
    				<CompositeTransform/>
    			</Canvas.RenderTransform>
    			<Path x:Name="aniPoly1" Data="M0,0 L50,0 L25,25" Fill="#FFA61C1C" 
    				HorizontalAlignment="Left" 
    				Height="6" 
    				Stretch="Fill" 
    				Stroke="Black" 
    				StrokeThickness="0" 
    				UseLayoutRounding="False" Width="12" Canvas.Left="44" Canvas.Top="5"/>
    			<Path x:Name="aniPoly2" Data="M0,10 L5,5 L0,0" Fill="#FFA61C1C" 
    				HorizontalAlignment="Left" 
    				Height="12" 
    				Stretch="Fill" 
    				Stroke="Black" 
    				StrokeThickness="0" 
    				UseLayoutRounding="False" Width="6" Canvas.Left="5" Canvas.Top="44"/>
    			<Path x:Name="aniPoly3" Data="M10,10 L5,0 L0,10" Fill="#FFA61C1C" 
    				HorizontalAlignment="Left" 
    				Height="6" 
    				Stretch="Fill" 
    				Stroke="Black" 
    				StrokeThickness="0" 
    				UseLayoutRounding="False" Width="12" Canvas.Left="44" Canvas.Top="90"/>
    			<Path x:Name="aniPoly4" Data="M10,0 L5,5 L10,10" Fill="#FFA61C1C" 
    				HorizontalAlignment="Left" 
    				Height="12" 
    				Stretch="Fill" 
    				Stroke="Black" 
    				StrokeThickness="0" 
    				UseLayoutRounding="False" Width="6" Canvas.Left="90" Canvas.Top="44"/>
    		</Canvas>
    	</Canvas>
    </Grid>
</UserControl>